import PropTypes from "prop-types"
import React, { memo } from "react"
import { ItemWrapper } from "./style";

const YearnCityItem = memo((props) => {
  const { itemData } = props
  return (
    <ItemWrapper>
      <div className="img">
        <img src={itemData.picture_url} alt="" />
        <div className="mask"></div>
      </div>
      <div className="info">
        <div className="name">{itemData.city}</div>
        <div className="price">均价{itemData.price}</div>
      </div>
    </ItemWrapper>
  )
});

YearnCityItem.propTypes = {
  itemData: PropTypes.object
}

export default YearnCityItem
